import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)

const route = [
  {
    path: '/',
    component: () => import('../components/index.vue')
  }, {
    path: '/tree',
    component: () => import('../components/tree/tree.vue')
  }, {
    path: '/time',
    component: () => import('../components/time/time.vue')
  }, {
    path: '/editor',
    component: () => import('../components/editor/editor.vue')
  }, {
    path: '/banner',
    component: () => import('../components/banner/banner.vue')
  }, {
    path: '/pencil',
    component: () => import('../components/pencil/pencil.vue')
  }, {
    path: '/palette',
    component: () => import('../components/palette/palette.vue')
  }, {
    path: '/charts',
    component: () => import('../components/chart/chart.vue')
  }, {
    path: '/player',
    component: () => import('../components/player/player.vue')
  }, {
    path: '/audioPlayer',
    component: () => import('../components/audioPlayer/audioPlayer.vue')
  }, {
    path: '/waterMark',
    component: () => import('../components/waterMark/waterMark.vue')
  }
]

const router = new VueRouter({
  mode: 'history',
  routes: route
})

export default router
